function showInform(categoryId) {
    $.ajax({
        type     :'GET',
        url      :'http://localhost:8080/mypetstore/floatbox?categoryId='+categoryId,
        success  :function (data){
            console.log(data);
            var productListHTML = '';
            for (var i = 0; i < data.length; i++) {
                productListHTML += '<table> <tr>';
                productListHTML += '<td id="floatBox-Product-list-productId">';
                productListHTML += data[i].productId;
                productListHTML += '</td>';
                productListHTML += '<td id="floatBox-Product-list-name">';
                productListHTML += data[i].name;
                productListHTML += '</td>';
                productListHTML += '</tr> </table>';
            }
            var categoryIdHTML ='';
            categoryIdHTML += '<h2 id="categoryIdTitle">';
            categoryIdHTML += categoryId;
            categoryIdHTML += '</h2>';
            $('#floatBox-categoryId').html(categoryIdHTML);
            $('#floatBox-ProductList').html(productListHTML);
            $('#floatBoxContent').show();
        },
        error    :function (errorMsg){
            console.log(errorMsg);
        }
    });
}
function hiddenInform(){
    $('#floatBoxContent').hide();
}